//  消息文本居右
#chat-page {
    
    .chat-me {
        .am-list-extra {
            flex-basis: auto;  // 宽度包裹内容
        }
        .am-list-content {
            padding-right: 15px;
            text-align: right;
        }
    }

    // nav-footer 导航在底部
    .chat-page-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: inherit;  // 包裹内容
        z-index: 5;
        background-color: #f5f5f5;
        .am-list-item {
            // border: 1px solid #1cae82;
            background-color: #f5f5f5;
            .am-input-control {
                background-color: #ffffff;
                height: 80%;
                box-sizing: border-box;
                input {
                    height: 100%;
                    padding-left: 10px;
                }
            }
        }
    }
    
}   
